<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2019/9/29
  Time: 9:54
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


<!-- 个人信息 -->
<div class="col-md-8" name="show" style="display: none">
    <div class="container-fluid">
        <div class="row ">
            <div class="row list-group-item" id="person">
                <div id="head_img">
                    <img src="${userTable.headImg}" height="110" width="110" id="tou">
                </div>
                <div style="float: left;margin-top:28px;margin-left: 30px;margin-bottom: 10px">
                    <a href="personal_information.html">
                        <h3>${userTable.username}</h3>
                    </a>
                    实名认证&nbsp;&nbsp;
                    <a href="${path}/userverified"> 去认证>>></a><br>
                </div>

                <div style="clear: both;margin-left:50px">
                                <span style="float: left">
                                    <h4>关注&nbsp;&nbsp;<a href="#">${noteAuthor.follow}</a>&nbsp;&nbsp;&nbsp;&nbsp;|</h4>
                                </span>
                    <span style="float: left">
                                    <h4>&nbsp;&nbsp;&nbsp;&nbsp;粉丝&nbsp;&nbsp;<a href="#">${noteAuthor.fansnum}</a></h4>
                                </span>
                </div>

                <div>
                    <div style="float: right">
                        <span class="glyphicon glyphicon-list-alt"></span><span
                            style="font-size: 20px">&nbsp;游记&nbsp;
                        <!-- 游记数 -->
                                        <a href="#">${noteAuthor.noteCount}</a>&nbsp;&nbsp;
                                    </span>
                    </div>

                    <div style="float: right">
                        <span class="glyphicon glyphicon glyphicon-star"></span><span
                            style="font-size: 20px">&nbsp;钻石&nbsp;
                        <!-- 钻石数 -->
                                        <a href="#">${noteAuthor.diamand}</a>&nbsp;&nbsp;

                                    </span>
                    </div>
                </div>

            </div>

            <div class="list-group-item" id="order">
                <div>
                    <br>
                    <h4>&nbsp;&nbsp;&nbsp;&nbsp;近期订单</h4>
                </div>
                <div
                        style="margin-top: 40px;margin-left: 50px;float: left;font-size: 16px;margin-bottom: 40px">
                    <a href="#"><span class="glyphicon glyphicon-briefcase"></span>
                        待出行</a>
                </div>
                <div style="margin-top: 40px;margin-left: 50px;font-size:16px;float: left;">
                    <a href="#"><span class="glyphicon glyphicon-file"></span>
                        预约订单</a>
                </div>
                <div style="margin-top: 40px;margin-left: 50px;font-size:16px;float: left;">
                    <a href="#"><span class="glyphicon glyphicon-edit"></span>
                        历史订单</a>
                </div>
                <div style="margin-top: 40px;margin-left: 50px;float: left;font-size: 16px;margin-bottom: 50px">
                    <a href="#"><span class="glyphicon glyphicon-list"></span>
                        全部订单</a>
                </div>

                <div style="margin-left: 50px;clear: both" class="text-danger">
                    <span>点击查看订单信息哦!</span>
                </div>
                <div style="margin-bottom:50px">
                    <hr style="background-color: gray;clear: both;height: 1px;">
                    <span style="margin-left:7%;color:rgb(147, 203, 252)">美好的季节适合出行，更多热门小众目的地等你一起来嗨！</span>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 我的订单 begin -->

<div class="col-md-8 list-group-item"
     style="background-color: rgb(235, 243, 247);display: block" name="show">
    <div class="container-fluid ">
        <div class="row">
            <div style="margin-bottom: 5px;overflow: hidden;">

                <div style="font-size: 20px;margin-left: 30px;margin-top: 20px">
                    我的订单
                    <hr style="background-color: gray;height:1px;margin-right: 50px;border: none">
                </div>
                <div class="panel panel-danger" style="margin-left: 30px;margin-right: 150px">
                    <div class="panel-heading">
                        悠U不会以任何理由要求您点击任何网址链接进行订单付款操作,谨防诈骗!
                    </div>
                </div>

                <!-- 订单  begin -->
                <!-- 出行订单 导航 -->
                <div class="container">
                    <ul class="nav nav-pills">
                        <li><button type="button"  id="Orders" class="btn btn-primary"  onclick="findBook()" >全部订单</button></li>
                        <li><button type="button" id="bookOrder" class="btn btn-primary" value="0" onclick="findBook(0)">预约订单</button></li>
                        <li><button type="button"id="successOrder" class="btn btn-primary"  onclick="findBook(1)">待出行</button></li>
                        <li><button type="button"id="historyOrder" class="btn btn-primary"  onclick="findBook(2)">历史订单</button></li>
                    </ul>
                    <!-- 导航  end  -->
                    <!-- swiper2 -->
                                <div style="width: 72%;">
                                    <!-- 订单 表格 begin -->
                                    <div class="row">
                                        <div class="col-sm-11" style="margin-top: 20px">
                                            <div class="ibox float-e-margins">
                                                <div class="ibox-content">
                                                    <div class="row">

                                                    </div>
                                                    <div class="table-responsive " style="margin-top: 30px">
                                                        <table class="table table-striped">
                                                            <thead>
                                                            <tr style="text-align: center">
                                                                <th></th>
                                                                <th>出行人姓名</th>
                                                                <th>订单编号</th>
                                                                <th>联系方式</th>
                                                                <th>游玩天数</th>
                                                                <th>订单状态</th>
                                                                <th>操作</th>
                                                            </tr>
                                                            </thead>
                                                            <tbody>
                                                            <c:forEach items="${requestScope.pageInfo.list}" var="o">
                                                                <tr>
                                                                    <td>
                                                                        <input type="checkbox"
                                                                               class="i-checks" name="input[]" value="${o.id}">
                                                                    </td>
                                                                    <td value="${o.applyName}">${o.applyName}</td>
                                                                    <td value="${o.verification}"><span class="pie">${o.verification}</span>
                                                                    </td>
                                                                    <td>${o.phoneNumber}</td>
                                                                    <td>${o.days}</td>
                                                                        <%--<td>全部订单</td>--%>
                                                                    <c:if test="${o.orderStatus==0}">
                                                                        <td>待确认</td></c:if>
                                                                    <c:if test="${o.orderStatus==1}">
                                                                        <td>待出行</td></c:if>
                                                                    <c:if test="${o.orderStatus==2}">
                                                                        <td>历史订单</td></c:if>
                                                                    <c:if test="${o.orderStatus==-1}">
                                                                        <td>历史订单</td></c:if>
                                                                    <td>
                                                                        <button> <i
                                                                                class="fa fa-trash text-danger demo3"></i></button>
                                                                    </td>
                                                                </tr>

                                                            </c:forEach>
                                                            </tbody>
                                                            <tfoot>
                                                            <tr>
                                                                <td colspan="5">
                                                                    <%@include file="page_order.jsp"%>
                                                                </td>
                                                            </tr>
                                                            </tfoot>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 订单表格 end -->
            </div>


<!-- 我的订单end --
<!-- 钻石 -->
<div class="col-md-8 " name="show" style="display: none">
    <div class="container-fluid">
        <div class="row ">
            <div class="list-group-item"
                 style="background-color: rgb(235, 243, 247);margin-bottom: 15px;overflow: hidden;">
                <div style="margin-top: 10px;margin-left:5%;font-size: 16px">
                    <span class="glyphicon glyphicon-star text-warning"></span>
                    我的钻石&nbsp;&nbsp;<span style="font-size: 20px">${noteAuthor.diamand}</span>
                </div>
                <div style="float: right;margin-right: 50px">
                    <a href="" class="text-warning">钻石说明 ?</a>
                </div>
            </div>
            <div style="background-color: rgb(235, 243, 247);overflow: hidden;"
                 class="list-group-item">
                <div style="margin-top: 10px;margin-left:20px;font-size: 16px">
                    <span style="font-size: 20px">钻石明细</span>
                </div>
                <div style="margin-top: 20px;margin-bottom: 100px">
                    <div class="col-sm-4" style="margin-bottom: 20px">
                        <%--<select class="form-control">--%>
                            <%--<option value="1">消费记录</option>--%>
                        <%--</select>--%>
                    </div>
                    <table id="table" class="table table-striped">
                        <thead>
                        <tr>
                            <th></th>
                            <th>订单编号</th>
                            <th>时间</th>
                            <th>商品说明</th>
                            <th>消费金额</th>
                        </tr>
                        </thead>
                        <tbody>
                        <c:forEach items="${noteOrder}" var="r">
                        <tr>
                            <td>${r.id}</td>
                            <td>${r.ordernum}</td>
                            <td>2019/8/19</td>
                            <td>${r.noteName}</td>
                            <td>${r.money}</td>
                        </tr></c:forEach>
                        </tbody>
                        <tfoot>
                        <tr>
                            <td colspan="5">
                                <ul class="pagination pull-right">
                                    <li><a href="#">&laquo;</a></li>
                                    <li class="active"><a href="#">1</a></li>
                                    <li class="disabled"><a href="#">2</a></li>
                                    <li><a href="#">3</a></li>
                                    <li><a href="#">4</a></li>
                                    <li><a href="#">5</a></li>
                                    <li><a href="#">&raquo;</a></li>
                                </ul>
                            </td>
                        </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<%--钻石begin--%>

<!-- 系统通知 -->

<div class="col-md-8 list-group-item" style="background-color: rgb(235, 243, 247);display: none"
     name="show">
    <div class="container-fluid">
        <div class="row" style="margin-bottom: 150px">
            <div>
                <div style="font-size: 20px;margin-left: 30px;margin-top: 10px;">
                    系统通知
                    <hr style="background-color: gray;height:1px;margin-right: 50px;border: none">
                </div>
                <div id="myAlert1" class="alert"
                     style="background-color: white;width: 75%;margin-left: 30px;overflow: hidden;">
                    <a href="#" class="close" data-dismiss="alert">&times;</a>

                    <img src="http://py5ztkhmu.bkt.clouddn.com/1a5004c3-0f69-493e-8500-9d9a2f11819e.png"
                         style="float: left;margin-left:0px;border-radius: 80%" width="50" height="50">
                    <div style="float: left;margin-top:15px">
                        <span style="margin-left: 10px;margin-bottom:15px;"> 系统通知</span><br>

                    </div>
                    <div style="float: left;margin-left: 45px">
                                        <span style="margin-left: 10px;">亲爱的退路，你的游记甜甜饿了已通过审核！
                                                感谢你的记录,我们会永久珍藏。现在，快把游记分享给你的朋友们吧>></span>
                    </div>
                </div>

                <div id="myAlert" class="alert"
                     style="background-color: white;width: 75%;margin-left: 30px;overflow: hidden;">
                    <a href="#" class="close" data-dismiss="alert">&times;</a>

                    <img src="${path}/imgs/index/tz_01.png"
                         style="float: left;margin-left:0px;border-radius: 80%" width="50" height="50">
                    <div style="float: left;margin-top:15px">
                        <span style="margin-left: 10px;margin-bottom:15px;"> 系统通知</span><br>

                    </div>
                    <div style="float: left;margin-left: 45px">
                                    <span style="margin-left: 10px;">亲爱的退路，你的达人申请已通过审核！
                                            感谢您使用我们网站,快去发布新的游记吧。</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 系统通知 -->
<!-- 修改信息 begin -->

<div class="col-md-8 list-group-item" style="background-color: rgb(235, 243, 247);display: none"
     name="show">
    <div class="container-fluid">
        <div class="row" style="margin-bottom:90px">
            <div>

                <div style="font-size: 20px;margin-left: 30px;margin-top: 10px;">
                    个人资料
                    <hr style="background-color: gray;height:1px;margin-right: 50px;border: none">
                </div>
                <form action="${path}/person-info" style="margin-left: 8%" id="applyForm" name="applyForm" method="post">
                    <input value="${personInfo.id}" name="id" type="hidden" >
                    <div class="form-group">
                        <span class="text-danger"> * </span>
                        &nbsp;&nbsp;&nbsp;&nbsp;昵&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称&nbsp;&nbsp;:
                        ${personInfo.username}
                        <br>
                    </div>
                    <div class="form-group">
                        <span class="text-danger"> * </span>
                        &nbsp;&nbsp;&nbsp;&nbsp;性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别&nbsp;&nbsp;:
                      ${personInfo.sex}

                        <br> </div>
                    <div class="form-group">
                        <span class="text-danger"> * </span>
                        &nbsp;&nbsp;&nbsp;&nbsp;年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;龄&nbsp;&nbsp;:
                      ${personInfo.age}
                        <br></div>
                    <div class="form-group">
                        <span class="text-danger"> * </span>
                        &nbsp;&nbsp;&nbsp;&nbsp;手机号码&nbsp;:
                     ${personInfo.phone}
                        <br>

                    </div>
                    <div class="form-group">
                        <span class="text-danger"> * </span>
                        &nbsp;&nbsp;&nbsp;&nbsp;常&nbsp;驻&nbsp;
                        地&nbsp;:
                    ${personInfo.usualPlace}
                    </div>
                    <div class="form-group">
                        <div style="float: left;"> <span class="text-danger">*</span>
                            &nbsp;&nbsp;&nbsp;简要自述:&nbsp;&nbsp; </div>
                        <div style="float: left;">

                               ${personInfo.intro}

                        </div>
                    </div>

                    <div style="font-size: 16px;margin-top: 20px;margin-bottom:50px;clear: both;">
                        &nbsp; &nbsp;
                        <a href=""><button type="submit" style="background-color: coral;margin-top: 70px;border: none;width: 100px;height: 30px;">修改</button></a>
                    </div>

                </form>
            </div>

        </div>

    </div>
</div>

<!-- 修改信息 end -->





